<template>
  <div class="gdap-estimatescore">
    <el-row>
      <p style="font-family:SiYuanBold;color:rgb(207, 139, 50);font-size:2em;text-align: center;">志愿推荐</p>
    </el-row>
    <div>
      <el-steps :active="stepIndex" simple class="gdap-estimate-score-header">

        <el-step :title="stepTitle" ></el-step>
        <el-step title="选择地区" ></el-step>
        <el-step title="选择专业" ></el-step>
        <el-step title="推荐结果" ></el-step>
      </el-steps>
    </div>
    
    <div>
      <keep-alive>
        <router-view />
      </keep-alive>
    </div>
  </div>
</template>

<script>
import {mapGetters} from 'vuex'
import {VERSION_NO} from '../../constants/constants'
export default {
  data() {
    return {
      stepTitle: ''
    }
  },
  computed: {
    ...mapGetters({
      stepIndex: 'common/getStep'
    })
  },
  mounted() {
    this.stepTitle = VERSION_NO === 0 ? '预估分数': '填写分数'
  }
}
</script>

<style scoped>
.gdap-gdap-estimate-score-header{
  width: 100%;
  height: 80vh;
  opacity: 1;
  overflow-y: auto;
}
.gdap-estimatescore {
  background: #F0EEEF;
  width: 100%;
  height: 100%;
}
</style>
